/* Start Graph */
.svg-grafo{
  max-height: 280px;
  max-width: 2000px;
  width: 100%; 
  height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}

.svg-grafo polygon{
  stroke-width: 0px;
}

.svg-grafo text{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
/* Finish Graph */


.row-table-dashboard:hover{
  cursor: pointer;
}

.row-table-app:hover{
  cursor: pointer;
}


/* Start TagConfigurationTableApp */
.ant-popover-inner{
  border-radius: 5px !important;
}

.labelPopover{
  color: rgba(0, 0, 0, 0.85);
  display: inline;
}

.titlePopover{
  color: rgba(0, 0, 0, 0.75)
}

 /* Finish TagConfigurationTableApp */

/*Start HeaderButton*/
.button-header-logo{
  width: 25px;
  height: 25px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.button-header .button-header-text{
  bottom: 5px;
  display: inline-block;
  position: relative;
}

.button-header {
  background: transparent; 
  outline: none;
  position: relative;
  padding: 3px 0px;
  overflow: hidden;
  line-height: normal;
  border-radius: 20px;
  border: none;
  color: #FFFFFF;
}

.button-header:hover{
  cursor: pointer;
  background-color: #1879c9;
}

.button-header:hover:before{
    opacity: 1; 
    transform: translate(0,0);
  }

.button-header:before{
  content:url('./Icon/header-home.svg') "dashboard page";
  position: absolute;
  top: .5em; 
  left: 0;
  width: 95%;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1em; 
  opacity: 0;
  transform: translate(-20%,0);
  transition: all .3s ease-in-out;
  color: #FFFFFF;
}


.button-header:hover div {opacity: 0; transform: translate(20%,0)}
.button-header div{
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1em;
  transition: all .3s ease-in-out;

}
/*Finish HeaderButton*/


.titleColumnTable{ /*Table*/
  color: rgba(0, 0, 0, 0.70);
}


/* Start Layout */
.right-elements-header{
  margin-right: 30px;
  line-height: normal;
  top: 14px;
  position: absolute;
  right: 0px; 
  display: inline-flex;
}
/* Finish Layout */


/* Start ServerStatusHeader */
.server-status-header{
  color: #FFFFFF;
  top: 8px;
  position:relative
}
/* Finish ServerStatusHeader */


/* Start SwitchApplications */
.switch-application-legend{
  margin-bottom:10px;
  margin-left: 22px;
}

.switch-application-row{
  color:#1879c9;
  margin-bottom:5px;
  padding: 3px 15px;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; 
  /* text-align: center; */
  border-radius: 20px;
  transition: all .2s linear;
  text-transform: uppercase;
  display:inline-block;
  max-width: 230px;
}

.switch-application-row:hover{
  color:white;
  background-color: #1879c9;
  /* max-width: 350px */
}

.ant-drawer-title{
  font-weight: 900 !important;
  color: rgba(0, 0, 0, 0.70) !important;
}
/* Finish SwitchApplications */


.title-statistic{ /*ReplicasUtilization, TrafficDistribution,InputOutputRate*/
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 30px;
}


/* Start Layout - footer */
.unipi-logo{
  width: 200px;
  height: 60px;
  margin-top: 15px;
}

/* Finish Layout - footer */
